<template>
    <div class="specialingBox">
        <div class="topBox">
            <div class="top-cate">热拍中 | 距结束: 1天12时35分</div>
            <div class="top-title">民国原版 文献书刊 地方游记 新文学等书刊专场</div>
            <div class="top-nums">共24件拍品 浏览1867次 出价65次</div>
            <div class="top-right">进入专场详情 ></div>
        </div>
        <div class="bookinfo">
            <OtherBook />
        </div>
    </div>

</template>

<script lang="ts">
import OtherBook from '@/components/otherBook.vue';
export default {
    components: { OtherBook }
}
</script>

<style lang="scss" scoped>
.specialingBox {
    width: 1200px;
    margin: auto;

    >.topBox {
        width: 100%;
        height: 108px;
        padding-left: 20px;
        margin-bottom: 14px;
        border-radius: 10px;
        position: relative;
        background-color: #FFF6E3;

        >.top-cate {
            color: #9E100E;
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 16px;
            margin-top: 5px;
        }

        .top-title {
            font-size: 20px;
            color: #333;
            font-weight: bold;
        }

        .top-nums {
            font-size: 14px;
            color: #666;
            margin-top: 10px;
        }

        .top-right {
            color: #404040;
            font-size: 12px;
            position: absolute;
            right: 10px;
            bottom: 20px;
            border-radius: 2px;
            border: 1px solid #333;
            width: 100px;
            height: 15px;
            text-align: center;
        }
    }

    >.bookinfo {
        width: 100%;
        border-radius: 10px;
        padding-top: 20px;
        border: 2px solid #E9E9E9;
        border-top: none;
    }
}
</style>